<!DOCTYPE html>
<html class="ui-page-login">

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link href="css/mui.min.css" rel="stylesheet" />
		<link href="css/style.css" rel="stylesheet" />
		<style>
			header{
				background: #1d8fe1!important;
			}
			.mui-header a{
				color: white;
			}
			.mui-header h1{
				color: white;
			}
			.area {
				margin: 20px auto 0px auto;
			}
			.mui-input-group:first-child {
				margin-top: 20px;
			}
			.mui-input-group label {
				width: 22%;
			}
			.mui-input-row label~input,
			.mui-input-row label~select,
			.mui-input-row label~textarea {
				width: 78%;
			}
			.mui-checkbox input[type=checkbox],
			.mui-radio input[type=radio] {
				top: 6px;
			}
			.mui-content-padded {
				margin-top: 25px;
			}
			.mui-btn {
				padding: 10px;
			}
			.mui-media img{
				border-radius: 50%;
			}
			.mui-media p{
				font-size: 18px;
			}
			.mui-table-view .nutouxiang{
				max-width: 1000px;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav mui-header">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">个人信息 </h1>
		</header>
		<div class="mui-content">
			<ul class="mui-table-view melist-one">
		    <li class="mui-table-view-cell mui-media">
					<a href="javascript:;">
						<img class="mui-media-object mui-pull-right" src="images/touxiang.png">
						<div class="mui-media-body">
							头像
						</div>
					</a>
				</li>
		</ul>
			<ul class="mui-table-view">
			    <li class="mui-table-view-cell mui-media">
			        <a href="javascript:;">
			            <p class="mui-media-object mui-pull-right nutouxiang">七七</p>
			            <div class="mui-media-body">
			                昵称
			            </div>
			        </a>
			    </li>
			    <li class="mui-table-view-cell mui-media">
			        <a href="javascript:;">
			            <p class="mui-media-object mui-pull-right nutouxiang">面朝大海，春暖花开。</p>
			            <div class="mui-media-body">
							签名
			            </div>
			        </a>
			    </li>
			    <li class="mui-table-view-cell mui-media">
			        <a href="javascript:;">
			            <p class="mui-media-object mui-pull-right nutouxiang">女</p>
			            <div class="mui-media-body">
			                性别
			            </div>
			        </a>
			    </li>
			     <li class="mui-table-view-cell mui-media">
			        <a href="javascript:;">
			            <p class="mui-media-object mui-pull-right nutouxiang">ui设计师</p>
			            <div class="mui-media-body">
			                职业
			            </div>
			        </a>
			    </li>
			    <li class="mui-table-view-cell mui-media">
			        <a href="javascript:;">
			            <p class="mui-media-object mui-pull-right nutouxiang">1234567@qq.com</p>
			            <div class="mui-media-body">
			                邮箱
			            </div>
			        </a>
			    </li>
			</ul>
			<div class="mui-content-padded nxiugai">				
					<button type="button" id='reg' class="mui-btn mui-btn-block mui-btn-grey">修改</button>
			</div>
		</div>
		<script src="js/mui.min.js"></script>
		<script src="js/app.js"></script>
		
		<script type="text/javascript">
		mui('.nxiugai').on("tap","#reg",function(){
			mui.openWindow({
				url:"xiugai.html",
				id:"xiugai.htmls"
			})
		})
	</script>
	</body>

</html>